<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片路径详解</title>
</head>
<body>
    <p>绝对路径是电脑的盘符存储与访问的具体地址</p>
    <img src="C:\HtmlPictures\可爱清纯女神.jpg" alt="">
   
    <p>相对路径：两者相对关系，两者在同一路径下可以直接访问<br />子集关系： / <br /> 父级关系： ../  <br /> 同级关系： ./  (同级关系可以省略)</p>
     <p>相对路径同级关系</p>
    <img src="1.jpg" alt="">
    <p>index文件和images是同级关系，index和2.jpg是子集关系</p>
    <p>相对路径子集关系</p>
    <img src="./images/2.jpg" alt="">
    <img src="images/3.jpg" alt="">
    <p>网络路径</p>
    <img src="https://n.sinaimg.cn/sinakd10119/706/w2048h2658/20200720/5c9f-iwpcxks7142352.jpg" alt="">
</body>
</html>